<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>match</title>
  </head>
  <body>
    <script>
      /*
      1. matches()方法（在规范草案中称为 matchesSelector()）接收一个 CSS 选择符参数，如果元素匹配则该选择符返回 true，否则返回 false。
      2. 使用这个方法可以方便地检测某个元素会不会被 querySelector()或 querySelectorAll()方法返回。
      3. 所有主流浏览器都支持 matches()。Edge、Chrome、Firefox、Safari 和 Opera 完全支持，IE9~11及一些移动浏览器支持带前缀的方法。
     */
      if (document.body.matches("body.page1")) {
        // true
      }
    </script>
  </body>
</html>
